<template>
    <div>
            <h1 class="header">{{count}}</h1>
            <button @click="add">加数字</button>
                <Updata />
    </div>

</template>

<script>
export default {
    //子级用props:[]数组的形式来接
    // props:['num'],
    //props 可以设置类型限制  ,可以设置单独的一个类型，也可也准对一个值 设置很多个类型限制
    props:{
        num:{
            type:Number,
            require:true
        }
    },

    name:'MyHeader',
    data(){
        return {
            count:0
        }
    },
    methods:{
        add(){
            this.count += this.num
        }
    }
}
</script>

<style>
    .header{
        background: red;
        height: 100px;
    }
</style>